/**
 *  路由配置配置文件
 */
// 导入 创建路由对象的函数
import { 
    createRouter, 
    createWebHashHistory, 
    createWebHistory } from 'vue-router';
  
  import mnue from '../mnue.vue';
  import my from '../my.vue';
  import star from '../star.vue';
  import setting from '../setting.vue';

  
  // 创建 路由对象
  const router = createRouter({
    // 导航模式: 
    // hash导航模式 ：url 地址栏中会携带一个 #。 对浏览器的兼容性比较好。
    // createWebHashHistory,创建 hash 导航模式
  
  
    // history导航模式 ：url 地址栏中不会携带一个 # 。 对浏览器的兼容性不太友好
     // createWebHistory,创建 hash 导航模式
    history: createWebHashHistory(),
  
    // 设置导航的路由单元映射
    // 数组类型: 成员=>路由单元对象
    routes: [
      {
        // 导航 指定的 url地址
        path: '/mnue', //导航的根路径
  
        // 指定加载组件
        component: mnue
  
      },
      {
        path: '/my',
        component: my,
        // 通过children属性在my 组件中嵌套一个子路由列表
        // children属性设置在那个组件中，对应的嵌套路由导航的组件爱你就会在当前中进行展示
      },
      {
        path:'/star',
        component:star
      },
      {
        path:'/setting',
        component:setting
      }
    ]
  });
  
  // 导出路由对象
  export default router;